<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<!-- 设置语言为中文 -->
		<meta http-equiv="Content-Language" content="zh-cn" />
		<!-- 禁止百度转码 -->
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<!-- 是否开启cleartype显示效果 -->
		<meta http-equiv="cleartype" content="on">
		<meta name="skype_toolbar" content="skype_toolbar_parser_compatible">
		<!-- 优先使用最新的chrome版本 -->
		<meta http-equiv="X-UA-Compatible" content="chrome=1" />
		<!-- 启用360浏览器的极速模式(webkit) -->
		<meta name="renderer" content="webkit">
		<!-- 避免IE使用兼容模式 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
		<meta name="HandheldFriendly" content="true">
		<!-- 设置手持设备支持 -->
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<script type="text/javascript" src="static/main.js"></script>
		<script type="text/javascript" src="static/jsencrypt.js"></script>
		<title>Vue项目使用基础框架</title>
		<style>
			[v-cloak] {
				display: none!important;
			}
			/**
			 * 内容比较多,所以直接通过3D变形来开启GPU加速
			 */
			#app-box {
				-webkit-transform: translate3d(0, 0, 0);
				-moz-transform: translate3d(0, 0, 0);
				-ms-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
				-webkit-backface-visibility: hidden;
				-moz-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-webkit-perspective: 1000;
				-moz-perspective: 1000;
				-ms-perspective: 1000;
				perspective: 1000;
			}
			
			#weixin-tip-box {
				display: none;
				position: fixed;
				left: 0;
				top: 0;
				bottom: 0;
				background: rgba(0, 0, 0, 0.8);
				filter: alpha(opacity=80);
				height: 100%;
				width: 100%;
				z-index: 100;
			}
			
			.weixin-tip {
				background: #40b2a8;
				z-index: 100;
				padding: 8px;
				border-radius: 8px;
				margin-right: 8px;
				width: 40%;
				float: right;
			}
			
			.weixin-tip p {
				text-align: center;
				font-size: 14px;
				color: #fff;
			}
			
			.weixin-tip p.content {
				text-align: center;
				font-size: 14px;
			}
			
			.triangle_border_up {
				width: 0;
				height: 0;
				border-width: 0 6px 12px;
				border-style: solid;
				border-color: transparent transparent #40b2a8;
				/*透明 透明  灰*/
				margin-left: 90%;
			}
		</style>
	</head>

	<body>
		<div id='weixin-tip-box'>
			<div class="triangle_border_up">
				<span></span>
			</div>
			<div class="weixin-tip">
				<p>
					请点击右上角
				</p>
				<p class="content">
					选择"浏览器中打开"
				</p>
			</div>
		</div>
		<div id="app-box" v-cloak draggable="true"></div>
		<!-- built files will be auto injected -->
	</body>

</html>